<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
	<head>
		<meta charset="utf-8">
		<title>Home</title>
		<meta name="description" content="iDea a Bootstrap-based, Responsive HTML5 Template">
		<meta name="author" content="htmlcoder.me">

		<!-- Mobile Meta -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<!-- Favicon -->
		<link rel="shortcut icon" href="images/favicon.ico">

		<!-- Web Fonts -->
		 
		 

		<!-- Bootstrap core CSS -->
		<link href="bootstrap/css/bootstrap.css" rel="stylesheet">

		<!-- Font Awesome CSS -->
		<link href="fonts/font-awesome/css/font-awesome.css" rel="stylesheet">

		<!-- Fontello CSS -->
		<link href="fonts/fontello/css/fontello.css" rel="stylesheet">

		<!-- Plugins -->
		<link href="plugins/rs-plugin/css/settings.css" media="screen" rel="stylesheet">
		<link href="plugins/rs-plugin/css/extralayers.css" media="screen" rel="stylesheet">
		<link href="plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
		<link href="css/animations.css" rel="stylesheet">
		<link href="plugins/owl-carousel/owl.carousel.css" rel="stylesheet">

		<!-- iDea core CSS file -->
		<link href="css/style.css" rel="stylesheet">

		<!-- Color Scheme (In order to change the color scheme, replace the red.css with the color scheme that you prefer)-->
		<link href="css/skins/brown.css" rel="stylesheet">

		<!-- Custom css --> 
		<link href="css/custom.css" rel="stylesheet">
		<style>
		h1.text-center{background-image:url('images/ey51/title-bg.png');background-position:center;background-repeat:no-repeat;}
		.circle-number {font-size:22px;width:50px;height:50px; padding:8px 8px 8px 10px;margin:0 25px 5px 0;float:left;background-color:#6b7f63;border-radius:100%;color:#FFF;}
		</style>
		<!--[if lt IE 9]-->
		<script type="text/javascript"  src="js/html5shiv.js"></script>
		<script type="text/javascript" src="js/selectivizr.js"></script>
		<!--[endif]--> 
	</head>
	<!-- body classes: 
			"boxed": boxed layout mode e.g. <body class="boxed">
			"pattern-1 ... pattern-9": background patterns for boxed layout mode e.g. <body class="boxed pattern-1"> 
	-->
	<body class="front">
		<!-- scrollToTop -->
		<!-- ================ -->
		<div class="scrollToTop"><i class="icon-up-open-big"></i></div>

		<!-- page wrapper start -->
		<!-- ================ -->
		<div class="page-wrapper">

			<!-- header start -->
			<!-- ================ --> 
			<header class="clearfix">

				<!-- header start -->
				<!-- ================ -->
				<div class="header gray-bg header-small clearfix text-center" style="border-bottom:0px solid #dadada;">
					<div class="container">
						<div class="row">
							<div class="col-md-3">
								<div class="logo">
									<a href="#"><img id="logo" src="images/ey51/logo.png" alt="iDea"></a>
								</div>
							</div>
							<div class="col-md-6"></div>
							<div class="col-md-3">
								<div class="logo" style="float:left;"><img id="logo" src="images/ey51/tel.png" alt="iDea"></div>
								<div><font style="color:#6b7f63;font-size:24px;"><b>400-000-0000</b></font></div>
							</div>
						</div>
					</div>
				</div>
				<!-- header end -->

				<!-- header start -->
				<!-- ================ -->
				<!--<div class="header fixed header-small clearfix">-->
				<div class="header fixed header-small clearfix parallax light-translucent-bg parallax-bg">
					<div class="container">
						<div class="row">
							<div class="col-md-12">
								<!-- main-navigation start -->
								<!-- ================ -->
								<div class="main-navigation animated">

									<!-- navbar start -->
									<!-- ================ -->
									<nav class="navbar navbar-default" role="navigation">
										<div class="container-fluid">

											<!-- Toggle get grouped for better mobile display -->
											<div class="navbar-header">
												<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
													<span class="sr-only">Toggle navigation</span>
													<span class="icon-bar"></span>
													<span class="icon-bar"></span>
													<span class="icon-bar"></span>
												</button>
											</div>

											<!-- Collect the nav links, forms, and other content for toggling -->
											<div class="collapse navbar-collapse" id="navbar-collapse-1">
												<ul class="nav navbar-nav">
													<li class="active"><a href="#">网站首页</a></li>
													<li class="dropdown-toggle"><a href="#">产品介绍</a></li>

													<!-- mega-menu start -->
													<!--
													<li class="dropdown mega-menu">
														<a href="#" class="dropdown-toggle" data-toggle="dropdown">产品介绍</a>
														<ul class="dropdown-menu">
															<li>
																<div class="row">
																	<div class="col-lg-4 col-md-3 hidden-sm">
																		<h4>Premium HTML5 Template</h4>
																		<p>iDea is perfectly suitable for corporate, business and company webpages.</p>
																		<img src="images/section-image-3.png" alt="iDea">
																	</div>
																	<div class="col-lg-8 col-md-9">
																		<h4>Pages</h4>
																		<div class="row">
																			<div class="col-sm-4">
																				<div class="divider"></div>
																				<ul class="menu">
																					<li><a href="page-about.html"><i class="icon-right-open"></i>About Us</a></li>
																					<li><a href="page-about-2.html"><i class="icon-right-open"></i>About Us 2</a></li>
																					<li><a href="page-about-3.html"><i class="icon-right-open"></i>About Us 3</a></li>
																					<li><a href="page-about-me.html"><i class="icon-right-open"></i>About Me</a></li>
																					<li><a href="page-team.html"><i class="icon-right-open"></i>Our Team - Options</a></li>
																					<li><a href="page-services.html"><i class="icon-right-open"></i>Services</a></li>
																				</ul>
																			</div>
																			<div class="col-sm-4">
																				<div class="divider"></div>
																				<ul class="menu">
																					<li><a href="page-contact.html"><i class="icon-right-open"></i>Contact</a></li>
																					<li><a href="page-contact-2.html"><i class="icon-right-open"></i>Contact 2</a></li>
																					<li><a href="page-coming-soon.html"><i class="icon-right-open"></i>Coming Soon Page</a></li>
																					<li><a href="page-404.html"><i class="icon-right-open"></i>404 error</a></li>
																					<li><a href="page-faq.html"><i class="icon-right-open"></i>FAQ page</a></li>
																					<li><a href="page-affix-sidebar.html"><i class="icon-right-open"></i>Sidebar - Affix Menu</a></li>
																				</ul>
																			</div>
																			<div class="col-sm-4">
																				<div class="divider"></div>
																				<ul class="menu">
																					<li><a href="page-left-sidebar.html"><i class="icon-right-open"></i>Left Sidebar</a></li>
																					<li><a href="page-right-sidebar.html"><i class="icon-right-open"></i>Right Sidebar</a></li>
																					<li><a href="page-two-sidebars.html"><i class="icon-right-open"></i>Two Sidebars</a></li>
																					<li><a href="page-no-sidebar.html"><i class="icon-right-open"></i>No Sidebars</a></li>
																					<li><a href="page-sitemap.html"><i class="icon-right-open"></i>Sitemap</a></li>
																				</ul>
																			</div>
																		</div>
																	</div>
																</div>
															</li>
														</ul>
													</li>
													-->
													<li><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-user"></i>品牌加盟</a></li>
													<li><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-user"></i>客户案例</a></li>
													<li><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-user"></i>资讯中心</a></li>
													<li><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-user"></i>加入我们</a></li>
													<li><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-user"></i>联系我们</a></li>
												</ul>
											</div>

										</div>
									</nav>
									<!-- navbar end -->
								</div>
								<!-- main-navigation end -->
							</div>
						</div>
					</div>
				</div>
				<!-- header end -->
			</header>
			<!-- header end -->
			<!-- banner start -->
			<!-- ================ -->
			<div class="banner">
				<!-- slideshow start -->
				<!-- ================ -->
				<div class="slideshow">
					
					<!-- slider revolution start -->
					<!-- ================ -->
					<div class="slider-banner-container">
						<div class="slider-banner">
							<ul>
								<!-- slide 1 start -->
								<li>
									<!-- main image -->
								<img src="images/ey51/bg1.jpg"  alt="slidebg1">
								</li>
								<!-- slide 1 end -->

								<!-- slide 2 start -->
								<li>
								
								<!-- main image -->
								<img src="images/ey51/banner1.jpg"  alt="slidebg1" >

							
								</li>
								<!-- slide 2 end -->

								<!-- slide 3 start -->
								<li>
								
								<!-- main image -->
								<img src="images/ey51/banner4.jpg">
								</li>
								<!-- slide 3 end -->

							</ul>
							<div class="tp-bannertimer tp-bottom"></div>
						</div>
					</div>
					<!-- slider revolution end -->

				</div>
				<!-- slideshow end -->

			</div>
			<!-- banner end -->

			<!-- main-container start -->
			<!-- ================ -->
			<section class="main-container  parallax light-translucent-bg parallax-bg">
				<!-- main start -->
				<!-- ================ -->
				<div class="main">
					<div class="container">
						<div class="row">
							<div class="col-md-12">
								<h1 class="text-center title">品牌介绍</h1>
								<div class="separator"></div>
<!--								<p class="text-center">品牌相关介绍说明。</p>-->
					<div class="row grid-space-20">
					<!--
						<div class="col-sm-4 isotope-item web-design margin-bottom-clear">
							<div class="box-style-1 gray-bg">
								<div class="overlay-container">
									<img src="images/portfolio-1.jpg" alt="">
									<a href="portfolio-item.html" class="overlay small">
										<i class="fa fa-plus"></i>
										<span>Web Design</span>
									</a>
								</div>
								<h3><a href="portfolio-item.html">Project Title</a></h3>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
								<a href="portfolio-item.html" class="btn btn-default">Read More</a>
							</div>
						</div>
-->
						<div class="col-sm-4 isotope-item web-design margin-bottom-clear">
							<div class="box-style-1 gray-bg">
								<div class="overlay-container">
									<img src="images/ey51/bk1.png" alt="">
								</div>
								<div class="image-box-body">
									<h3 class="title">品牌展示说明一</h3>
									<p>品牌展示说明说明</p>
									<a href="#" class="btn radius btn-warning">More + </a>
								</div>
							</div>
						</div>
						<div class="col-sm-4 isotope-item web-design margin-bottom-clear">
							<div class="box-style-1 gray-bg">
								<div class="overlay-container">
									<img src="images/ey51/bk2.png" alt="">
								</div>
								<div class="image-box-body">
									<h3 class="title">品牌展示说明二</h3>
									<p>品牌展示说明说明</p>
									<a href="#" class="btn radius btn-warning">More + </a>
								</div>
							</div>
						</div>
						<div class="col-sm-4 isotope-item web-design margin-bottom-clear">
							<div class="box-style-1 gray-bg">
								<div class="overlay-container">
									<img src="images/ey51/bk3.png" alt="">
								</div>
								<div class="image-box-body">
									<h3 class="title">品牌展示说明三</h3>
									<p>品牌展示说明说明</p>
									<a href="#" class="btn radius btn-warning">More + </a>
								</div>
							</div>
						</div>
					</div>
							</div>
						</div>
					</div>
				</div>
				<!-- main end -->
			</section>
			<!-- main-container end -->
			<!-- main-container start -->
			<!-- ================ -->
			<section class="main-container object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="200">
				<div class="container">
					<div class="row">

						<!-- main start -->
						<!-- ================ -->
						<div class="main col-md-12">

							<!-- page-title start -->
							<!-- ================ -->
							<h1 class="page-title text-center">热销产品</h1>
							<div class="separator"></div>
<!--							<p class="lead text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas nulla suscipit <br> unde rerum mollitia dolorum.</p>-->
							<!-- page-title end -->
							
							<!-- isotope filters start -->
							<div class="filters text-center">
								<ul class="nav nav-pills">
									<li class="active"><a href="#" data-filter="*">最新产品</a></li>
									<li><a href="#" data-filter=".web-design">爆款推荐</a></li>
									<li><a href="#" data-filter=".app-development">当季特饮</a></li>
								</ul>
							</div>
							<!-- isotope filters end -->

						</div>
						<!-- main end -->
					</div>
				</div>

				<!-- section start -->
				<!-- ================ -->
				<div class="section parallax light-translucent-bg parallax-bg">
					<div class="container">
						<!-- portfolio items start -->
						<div class="isotope-container row grid-space-10">
							<div class="col-sm-6 col-md-4 isotope-item web-design">
								<div class="box-style-1 white-bg">
									<div class="overlay-container">
										<img src="images/ey51/prod2.png" alt="">
									</div>
									<h3><a href="#">十茶九木</a></h3>
									<p>十茶九木茶品介绍</p>
									<a href="#" class="btn radius btn-warning">More + </a>
								</div>
							</div>
							<div class="col-sm-6 col-md-4 isotope-item app-development">
								<div class="box-style-1 white-bg">
									<div class="overlay-container">
										<img src="images/ey51/prod2.png" alt="">
									</div>
									<h3><a href="#">十茶九木</a></h3>
									<p>十茶九木茶品介绍</p>
									<a href="#" class="btn radius btn-warning">More + </a>
								</div>
							</div>
							<div class="col-sm-6 col-md-4 isotope-item web-design">
								<div class="box-style-1 white-bg">
									<div class="overlay-container">
										<img src="images/ey51/prod2.png" alt="">
									</div>
									<h3><a href="#">十茶九木</a></h3>
									<p>十茶九木茶品介绍</p>
									<a href="#" class="btn radius btn-warning">More + </a>
								</div>
							</div>
						</div>
						<!-- portfolio items end -->
					</div>
				</div>
				<!-- section end -->
			</section>
			<!-- main-container end -->

			<!-- section start -->
			<!-- ================ -->
			<div class="section clearfix">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<h1 class="text-center">品牌加盟</h1>
							<div class="separator"></div>
									<!-- timeline start -->
									<div class="timeline row">
										<div class="timeline-icon hidden-xs"><i class="fa fa-angle-double-up"></i></div>
										<!-- timeline item start -->
										<div class="timeline-item object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="200">
											<!-- blogpost start -->
											<article class="clearfix blogpost">
												<div class="blogpost-body" style="min-height:auto;">
													<div class="circle-number">01</div>
													<div class="blogpost-content">
														<header>
															<h2 class="title">留言咨询</h2>
														</header>
														<p>我们秉承“还原80年代的老味道，给你小时候最初的情怀体验”。</p>
													</div>
												</div>
											</article>
											<!-- blogpost end -->
										</div>
										<!-- timeline item end -->

										<!-- timeline item start -->
										<div class="timeline-item pull-right object-non-visible"  data-animation-effect="fadeInUpSmall" data-effect-delay="200">
											<!-- blogpost start -->
											<article class="clearfix blogpost">
												<div class="blogpost-body"  style="min-height:auto;">
													<div class="circle-number">02</div>
													<div class="blogpost-content">
														<header>
															<h2 class="title"><a href="blog-post.html">电话沟通</a></h2>
														</header>
														<p>我们秉承“还原80年代的老味道，给你小时候最初的情怀体验”。</p>
													</div>
												</div>
											</article>
											<!-- blogpost end -->
										</div>
										<!-- timeline item end -->
										<!-- timeline item start -->
										<div class="timeline-item object-non-visible"  data-animation-effect="fadeInUpSmall" data-effect-delay="200">
											<!-- blogpost start -->
											<article class="clearfix blogpost">
												<div class="blogpost-body"  style="min-height:auto;">
													<div class="circle-number">03</div>
													<div class="blogpost-content">
														<header>
															<h2 class="title"><a href="blog-post.html">应邀考察</a></h2>
														</header>
														<p>我们秉承“还原80年代的老味道，给你小时候最初的情怀体验”。</p>
													</div>
												</div>
											</article>
											<!-- blogpost end -->
										</div>
										<!-- timeline item end -->
										<div class="timeline-item pull-right object-non-visible"  data-animation-effect="fadeInUpSmall" data-effect-delay="200">
											<!-- blogpost start -->
											<article class="clearfix blogpost">
												<div class="blogpost-body"  style="min-height:auto;">
													<div class="circle-number">04</div>
													<div class="blogpost-content">
														<header>
															<h2 class="title"><a href="blog-post.html">签约缴费</a></h2>
														</header>
														<p>我们秉承“还原80年代的老味道，给你小时候最初的情怀体验”。</p>
													</div>
												</div>
											</article>
											<!-- blogpost end -->
										</div>
										<div class="timeline-item object-non-visible"  data-animation-effect="fadeInUpSmall" data-effect-delay="200">
											<!-- blogpost start -->
											<article class="clearfix blogpost">
												<div class="blogpost-body"  style="min-height:auto;">
													<div class="circle-number">05</div>
													<div class="blogpost-content">
														<header>
															<h2 class="title"><a href="blog-post.html">总部陪训</a></h2>
														</header>
														<p>我们秉承“还原80年代的老味道，给你小时候最初的情怀体验”。</p>
													</div>
												</div>
											</article>
											<!-- blogpost end -->
										</div>
										<div class="timeline-item pull-right object-non-visible"  data-animation-effect="fadeInUpSmall" data-effect-delay="200">
											<!-- blogpost start -->
											<article class="clearfix blogpost">
												<div class="blogpost-body"  style="min-height:auto;">
													<div class="circle-number">06</div>
													<div class="blogpost-content">
														<header>
															<h2 class="title"><a href="blog-post.html">地址选取</a></h2>
														</header>
														<p>我们秉承“还原80年代的老味道，给你小时候最初的情怀体验”。</p>
														</div>
												</div>
											</article>
											<!-- blogpost end -->
										</div>
										<div class="timeline-item object-non-visible"  data-animation-effect="fadeInUpSmall" data-effect-delay="200">
											<!-- blogpost start -->
											<article class="clearfix blogpost">
												<div class="blogpost-body"  style="min-height:auto;">
													<div class="circle-number">07</div>
													<div class="blogpost-content">
														<header>
															<h2 class="title"><a href="blog-post.html">店铺装修</a></h2>
														</header>
														<p>我们秉承“还原80年代的老味道，给你小时候最初的情怀体验”。</p>
													</div>
												</div>
											</article>
											<!-- blogpost end -->
										</div>
										<div class="timeline-item pull-right object-non-visible"  data-animation-effect="fadeInUpSmall" data-effect-delay="200">
											<!-- blogpost start -->
											<article class="clearfix blogpost">
												<div class="blogpost-body"  style="min-height:auto;">
													<div class="circle-number">08</div>
													<div class="blogpost-content">
														<header>
															<h2 class="title"><a href="blog-post.html">开业大吉</a></h2>
														</header>
														<p>我们秉承“还原80年代的老味道，给你小时候最初的情怀体验”。</p>
													</div>
												</div>
											</article>
											<!-- blogpost end -->
										</div>
									</div>
									<!-- timeline end -->
									<div class="text-center">
										<a href="#" class="btn radius btn-warning">详情点击咨询 </a>
									</div>
								</div>
						</div>
					</div>
				</div>
			</div>
			<!-- section end -->
			<!-- section start -->
			<!-- ================ -->
			<div class="section  gray-bg clearfix">
				<div class="container">
					<h1 class="text-center">客户案例</h1>
					<div class="separator"></div>
<!--					<p class="lead text-center">客户相关案例介绍客户相关案例介绍客户相关案例介绍客户相关案例介绍客户相关案例介绍</p>-->
					<br>
					<div class="row">
						<div class="main col-md-8 col-md-offset-2">
							<div class="owl-carousel content-slider-with-controls-bottom">
								<div class="testimonial clearfix">
									<h2 class="title">某某地区客户案例一</h2>
									<div class="testimonial-image">
										<img src="images/ey51/bk2.png" alt="Jane Doe" title="Jane Doe">
									</div>
									<div class="testimonial-body">
										<p>某某地区客户案例相关介绍，客户相关案例介绍客户相关案例，介绍客户相关案例介绍客户相关案例介绍客户相关案例介绍。某某地区客户案例相关介绍，客户相关案例介绍客户相关案例，介绍客户相关案例介绍客户相关案例介绍客户相关案例介绍。某某地区客户案例相关介绍，客户相关案例介绍客户相关案例，介绍客户相关案例介绍客户相关案例介绍客户相关案例介绍。</p>
										<div class="testimonial-info-2">来自某某金牌加盟店</div>
									</div>
									<hr>
								</div>
								<div class="testimonial clearfix">
									<h2 class="title">某某地区客户案例二</h2>
									<div class="testimonial-image">
										<img src="images/ey51/bk3.png" alt="Jane Doe" title="Jane Doe">
									</div>
									<div class="testimonial-body">
										<p>某某地区客户案例相关介绍，客户相关案例介绍客户相关案例，介绍客户相关案例介绍客户相关案例介绍客户相关案例介绍。某某地区客户案例相关介绍，客户相关案例介绍客户相关案例，介绍客户相关案例介绍客户相关案例介绍客户相关案例介绍。某某地区客户案例相关介绍，客户相关案例介绍客户相关案例，介绍客户相关案例介绍客户相关案例介绍客户相关案例介绍。</p>
										<div class="testimonial-info-2">来自某某金牌加盟店</div>
									</div>

									<hr>
								</div>
								<div class="testimonial clearfix">
									<h2 class="title">某某地区客户案例三</h2>
									<div class="testimonial-image">
										<img src="images/ey51/bk2.png" alt="Jane Doe" title="Jane Doe">
									</div>
									<div class="testimonial-body">
										<p>某某地区客户案例相关介绍，客户相关案例介绍客户相关案例，介绍客户相关案例介绍客户相关案例介绍客户相关案例介绍。某某地区客户案例相关介绍，客户相关案例介绍客户相关案例，介绍客户相关案例介绍客户相关案例介绍客户相关案例介绍。某某地区客户案例相关介绍，客户相关案例介绍客户相关案例，介绍客户相关案例介绍客户相关案例介绍客户相关案例介绍。</p>
										<div class="testimonial-info-2">来自某某金牌加盟店</div>
									</div>
									<hr>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- section end -->
			<!-- section start -->
			<!-- ================ -->
			<div class="section  parallax light-translucent-bg parallax-bg" data-animation-effect="fadeInUpSmall" data-effect-delay="200">
				<div class="container">
					<h1 class="text-center">品牌资讯</h1>
					<div class="separator"></div>
<!--					<p class="lead text-center">Lorem ipsum dolor sit amet. Maiores, odio ut deleniti doloremque ad at praesentium<br> laudantium molestias similique. Quisquam incidunt ut laboriosam.</p>-->
					<div class="row">
						<div class="col-md-6">
							<h2 class="title"><i class="fa  fa-youtube-play pr-5"></i>视频中心</h2>
							<img src="images/section-image-1.png" alt="">
							<div class="space hidden-md hidden-lg"></div>
						</div>
						<div class="col-md-6">
							<!-- Nav tabs -->
							<ul class="nav nav-tabs" role="tablist">
								<li class="active"><a href="#htab1" role="tab" data-toggle="tab"><i class="fa  fa-newspaper-o pr-5"></i>最新公告</a></li>
								<li><a href="#htab2" role="tab" data-toggle="tab"><i class="fa fa-fire pr-5"></i>热点资讯</a></li>
							</ul>
							<!-- Tab panes -->
							<div class="tab-content">
								<div class="tab-pane fade in active" id="htab1">
									<div class="row">
										<div class="col-md-12">
											<ul class="list-icons">
													<li><i class="fa fa-newspaper-o pr-10"></i><a href="###">江苏常州金坛区曹小姐顺利签约【2020-3-21】</a></li>
													<li><i class="fa fa-newspaper-o pr-10"></i><a href="###">江苏常州金坛区曹小姐顺利签约【2020-3-21】</a></li>
													<li><i class="fa fa-newspaper-o pr-10"></i><a href="###">江苏常州金坛区曹小姐顺利签约【2020-3-21】</a></li>
													<li><i class="fa fa-newspaper-o pr-10"></i><a href="###">江苏常州金坛区曹小姐顺利签约【2020-3-21】</a></li>
													<li><i class="fa fa-newspaper-o pr-10"></i><a href="###">江苏常州金坛区曹小姐顺利签约【2020-3-21】</a></li>
													<li><i class="fa fa-newspaper-o pr-10"></i><a href="###">江苏常州金坛区曹小姐顺利签约【2020-3-21】</a></li>
											</ul>
										</div>
									</div>
									<div class="text-center"><a href="###" class="btn radius btn-warning btn-sm">查看更多 </a></div>
								</div>
								<div class="tab-pane fade" id="htab2">
									<div class="row">
										<div class="col-md-12">
											<ul class="list-icons">
													<li><i class="fa fa-fire pr-10"></i><a href="###">江苏常州金坛区曹小姐顺利签约恒大广场门店【2020-3-21】</a></li>
													<li><i class="fa fa-fire pr-10"></i><a href="###">江苏常州金坛区曹小姐顺利签约恒大广场门店【2020-3-21】</a></li>
													<li><i class="fa fa-fire pr-10"></i><a href="###">江苏常州金坛区曹小姐顺利签约恒大广场门店【2020-3-21】</a></li>
													<li><i class="fa fa-fire pr-10"></i><a href="###">江苏常州金坛区曹小姐顺利签约恒大广场门店【2020-3-21】</a></li>
													<li><i class="fa fa-fire pr-10"></i><a href="###">江苏常州金坛区曹小姐顺利签约恒大广场门店【2020-3-21】</a></li>
													<li><i class="fa fa-fire pr-10"></i><a href="###">江苏常州金坛区曹小姐顺利签约恒大广场门店【2020-3-21】</a></li>
											</ul>
										</div>
									</div>
									<div class="text-center"><a href="###" class="btn radius btn-warning btn-sm">查看更多 </a></div>
									</div>
							</div>
							<!-- tabs end -->
						</div>
					</div>
				</div>
			</div>
			<!-- section end -->

			<!-- section start -->
			<!-- ================ -->
			<div class="section clearfix">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<h2>门店展示</h2>
							<div class="separator-2"></div>
							<div class="owl-carousel carousel">
								<div class="image-box">
									<div class="overlay-container">
										<img src="images/ey51/anli1.png" alt="">
									</div>
									<div class="image-box-body">
										<h3 class="title"><a href="#">某门店展示</a></h3>
									</div>
								</div>
								<div class="image-box">
									<div class="overlay-container">
										<img src="images/ey51/anli1.png" alt="">
									</div>
									<div class="image-box-body">
										<h3 class="title"><a href="#">某门店展示</a></h3>
									</div>
								</div>
								<div class="image-box">
									<div class="overlay-container">
										<img src="images/ey51/anli1.png" alt="">
									</div>
									<div class="image-box-body">
										<h3 class="title"><a href="#">某门店展示</a></h3>
									</div>
								</div>
								<div class="image-box">
									<div class="overlay-container">
										<img src="images/ey51/anli1.png" alt="">
									</div>
									<div class="image-box-body">
										<h3 class="title"><a href="#">某门店展示</a></h3>
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>

			</div>
			<!-- section end -->
			<!-- footer start (Add "light" class to #footer in order to enable light footer) -->
			<!-- ================ -->
			<footer id="footer" class="light">
				<!-- .subfooter start -->
				<!-- ================ -->
				<div class="subfooter">
					<div class="container">
						<div class="row">
							<div class="col-md-6">
								<p>Copyright &copy; 2020.余姚市亿洋网络科技有限公司 All rights reserved.</p>
							</div>
							<div class="col-md-6">
								<nav class="navbar navbar-default" role="navigation">
									<!-- Toggle get grouped for better mobile display -->
									<div class="navbar-header">
										<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-2">
											<span class="sr-only">Toggle navigation</span>
											<span class="icon-bar"></span>
											<span class="icon-bar"></span>
											<span class="icon-bar"></span>
										</button>
									</div>   
									<div class="collapse navbar-collapse" id="navbar-collapse-2">
										<ul class="nav navbar-nav">
											<li><a href="#">Home</a></li>
											<li><a href="#">About</a></li>
											<li><a href="#">Blog</a></li>
											<li><a href="#">Portfolio</a></li>
											<li><a href="#">Contact</a></li>
										</ul>
									</div>
								</nav>
							</div>
						</div>
					</div>
				</div>
				<!-- .subfooter end -->

			</footer>
			<!-- footer end -->

		</div>
		<!-- page-wrapper end -->




<style>
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;z-index:99999}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#009798;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url('images/kefu/side_icon.png');background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url('images/kefu/suspension-bg.png');background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url('images/kefu/suspension-bg.png');background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url('images/kefu/side_bg_arrow.png') no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url('images/kefu/side_con_icon03.png') no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url('images/kefu/side_con_icon02.png') no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url('images/kefu/side_con_icon01.png') no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
</style>
<div class="suspension">
	<div class="suspension-box">
		<a href="#" class="a a-service "><i class="i"></i></a>
		<a href="javascript:;" class="a a-service-phone "><i class="i"></i></a>
		<a href="javascript:;" class="a a-qrcode"><i class="i"></i></a>
		<div class="d d-service">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="d-service-item clearfix">
					<a href="tencent://message/?uin=11111111&Site=奶茶加盟&Menu=yes" class="clearfix"><span class="circle"><i class="i-qq"></i></span><h3>客服QQ:111111</h3></a>
				</div>
			</div>
		</div>
		<div class="d d-service-phone">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="d-service-item clearfix">
					<span class="circle"><i class="i-tel"></i></span>
					<div class="text">
						<p>服务热线</p>
						<p class="red number">0574-22658888</p>
					</div>
				</div>
			</div>
		</div>
		<div class="d d-qrcode">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="qrcode-img"><img src="$cfg['service_wx'])?>"></div>
				<p>微信客服号</p>
			</div>
		</div>
	</div>
</div>


		<!-- JavaScript files placed at the end of the document so the pages load faster
		================================================== -->
		<!-- Jquery and Bootstap core js files -->
		<script type="text/javascript" src="plugins/jquery.min.js"></script>
		<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>

		<!-- Modernizr javascript -->
		<script type="text/javascript" src="plugins/modernizr.js"></script>

		<!-- jQuery REVOLUTION Slider  -->
		<script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
		<script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

		<!-- Isotope javascript -->
		<script type="text/javascript" src="plugins/isotope/isotope.pkgd.min.js"></script>

		<!-- Owl carousel javascript -->
		<script type="text/javascript" src="plugins/owl-carousel/owl.carousel.js"></script>

		<!-- Magnific Popup javascript -->
		<script type="text/javascript" src="plugins/magnific-popup/jquery.magnific-popup.min.js"></script>

		<!-- Appear javascript -->
		<script type="text/javascript" src="plugins/jquery.appear.js"></script>

		<!-- Count To javascript -->
		<script type="text/javascript" src="plugins/jquery.countTo.js"></script>

		<!-- Parallax javascript -->
		<script src="plugins/jquery.parallax-1.1.3.js"></script>

		<!-- Contact form -->
		<script src="plugins/jquery.validate.js"></script>

		<!-- Initialization of Plugins -->
		<script type="text/javascript" src="js/template.js"></script>

		<!-- Custom Scripts -->
		<script type="text/javascript" src="js/custom.js"></script>

	</body>
</html>
